<template>
	<div class="bg-white">
		
		<div class="shadow rounded overflow-hidden">
			<div class="bg-main p-2">
				<span>上课记录信息</span>
			</div>
			<div  class="position-relative">
				<div style="background-color: rgba(255,255,255, 0.6);" class="w-100 h-100">
					<Row class="">
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
							<div class="text-xs">课程名</div>
							<div>{{akecheng.kcname}}</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-f-fuguang rounded  p-2">
							<div class="text-xs">课程单节名</div>
							<div>{{akechengitem.itemname}}</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
							<div class="text-xs">教练名</div>
							<div>{{ajiaolian.jlname}}</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
							<div class="text-xs">客户姓名</div>
							<div>{{client.nc}}</div>
						</div>
						</Col>
						

					</Row>
				</div>
			</div>
		</div>
		</div>
</template>

<script>
	export default {
		data() {
			return {
				akechengskjl:{
					skjlid:"",
				},
				client: {
					clientid:"",
					nc: "",
				},
				akecheng: {
					kcid:"",
					kcname: "",
				},
				akechengitem: {
					kcitemid:"",
					itemname: "",
				},
				ajiaolian: {
					jlid:"",
					jlname: "",
				},
			
			}
		},
		created: function() {
			this.akechengskjl.skjlid = this.$route.query.id;
			this.loadData();
		},
		mounted: function() {},
		methods: {
			loadData: function() {
			  this.isLoading = true;
			  return this.http.get({
			    url: "/skjl/info",
			    param: {
			      skjlid: this.akechengskjl.skjlid
			    }
			  }).then(res => {
			    console.log("返回的数据:", res);
			    this.akecheng.kcname = res.akecheng.kcname;
			    this.akechengitem.itemname = res.Akechengitem.itemname;
			    this.client.nc = res.client.nc;
			    this.ajiaolian.jlname = res.ajiaolian.jlname;
			    this.isLoading = false;
			  }).catch(() => {
			    this.isLoading = false;
			  });
			}
			
		},
	}
</script>

<style>
</style>